<template>
	<view :style="{height:height+'px'}">
		<view class="fixed" :style="{zIndex:zIndex,...fixedStyle}">
			<slot></slot>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			height:{
				type:Number,
				default:0
			},
			zIndex:{
				type:Number,
				default:99
			},
			fixedStyle:{
				type:Object,
				default(){
					return {};
				}
			}
		}
	}
</script>

<style lang="scss" scoped>
	.fixed {
		position: fixed;
		left: 0;
		right: 0;
		z-index: 99;
	}
</style>
